
//视频获取V_ID
var ycSearch = location.search.slice(1).split("&");
console.log(ycSearch);//问号传参获取的vid
// console.log($('source')[0].src)
//通过V_ID请求到播放路径
function myajax(url, data = {}, type = 'get') {
    return new Promise((resolve, reject) => {
        $.ajax({
            url,
            data,
            type,
            dataType: "json",
            success(res) {
                resolve(res)
            },
            error(e) {
                reject(e)
            }
        })
    })
}
function ycGetUrl(vid = null) {
    var videoUrl = `http://47.97.121.9:3300/getMvPlay?vid=${vid}`
    myajax(videoUrl)
        .then(res => {
            console.log(vid);
            document.querySelector("source").src = res.response.getMVUrl.data[vid].mp4[1].freeflow_url[0];
            videojs("example_video_1", {}, function () {
                // Player (this) is initialized and ready.
            });
        })
}
ycGetUrl(ycSearch[1])
//添加歌曲名、歌手和发布日期
document.getElementsByClassName('ycIntroTit')[0].innerText = decodeURI(ycSearch[0])//把url重新转码回汉字
document.getElementsByClassName('ycIntroInfo')[0].firstElementChild.innerText = decodeURI(ycSearch[2])//把url重新转码回汉字
document.getElementsByClassName('ycIntroInfo')[0].lastElementChild.innerText = ycSearch[3]

$(".ycComtInput").focus(function () {//对焦评论区屏蔽预置文本
    $(".ycComtInpFst").css("display", "none");
});

$(".ycComtInput").blur(function () {//解除对焦恢复预置文本
    if (!(/./.test($(".ycComtInput")[0].innerText))) {
        $(".ycComtInpFst").css("display", "inline-block")
    }
})

function ycComtInput() {
    setTimeout(() => {
        if ($(".ycComtInput")[0].innerText.trim().length > 300) {
            // console.log("超出300字");
            $(".ycComtInput")[0].innerText = $(".ycComtInput")[0].innerText.trim().slice(0, 300)
        }
        // console.log($(".ycComtInput")[0].innerText.trim().length);
        $('.ycComtInpLst>span')[0].innerText = 300 - $(".ycComtInput")[0].innerText.trim().length
        //str.trim()去除字符串左右的空白
    }, 100);
}

//未来事件写法↓（*this会指向window）
// $(window).on("click", $('.box'), function () {
//     this.style.backgroundPositionX = 0
// })

//原绑定click法 console.log($('.ycComtInfoLike>i'));
$('.ycComtInfoLike>i').on('click', function () {
    this.style.backgroundPositionX = 0
})

function ycComtBtn() {
    console.log('点击评论按钮');
    ycUpComt()
}

function ycUpComt() {//按下“发表评论按钮”
    if ($(".ycComtInput")[0].innerText.trim().length > 0) {
        // console.log($('.ycComtShowBox>ul')[0]);
        var LI = document.createElement('li')
        LI.classList = ("ycComtCard")
        LI.innerHTML = (`<div class="ycUserHead" style="background-position:${ycSetHeads()}"></div><div class="ycComtInfo"><div class="ycComtInfoUser">${ycCitys[Math.floor(Math.random() * 578)]}网友</div><div class="ycComtInfoTime">${yctiming()}</div><div class="ycComtInfoText">${$(".ycComtInput")[0].innerText.trim()}</div><div class="ycComtInfoLike"><i style="cursor: pointer;display:inline-block;width:17px;height:17px;background-image: url(ycpics/yclike.png);background-position: 25px;"></i></div></div><hr style="width: 1200px;color: #f2f2f230;margin-top: 10px;margin-bottom: 10px;">`)
        $('.ycComtShowBox>ul')[0].append(LI)
        //↓给生成的互动图标绑定点赞事件
        $('.ycComtInfoLike>i').on('click', function () {
            this.style.backgroundPositionX = 0;
            this.style.scale = 1.15;
            setTimeout(() => {
                this.style.scale = 1;
            }, 100);
        })
        //↑给生成的互动图标绑定点赞事件
        $(".ycComtInput")[0].innerText = ''
        $('.ycComtInpLst>span')[0].innerText = 300
    }
}

function yctiming() {//评论时间
    var ft = new Date
    // console.log(ft)
    var t = ft.getTime()      //1970年至今的毫秒
    // console.log(t)
    var year = ft.getFullYear()       //公元年
    // console.log(year)
    var month = ft.getMonth() + 1       //月份，但少1月
    // console.log(month)
    var days = ft.getDate()       //月中日数
    // console.log(days)
    var hours = ft.getHours();     //时分秒
    ('' + hours).length == 1 ? hours = '0' + hours : null
    // console.log(hours)
    var minutes = ft.getMinutes();
    ('' + minutes).length == 1 ? minutes = '0' + minutes : null
    // console.log(minutes)
    // var seconds = ft.getSeconds()
    // console.log(seconds)
    // var week = ft.getDay()      //星期几（0为周日，6为周六）
    // console.log(week)       //从0开始
    // var xingqi = ['周日', '周一', '周二', '周三', '周四', '周五', '周六',]
    var cuttime = '' + year + '年' + month + '月' + days + '日 ' + hours + '时' + minutes + '分' + ''
    // console.log(cuttime)
    return cuttime
}//完毕

function ycSetHeads() { //随机生成评论区头像精灵图的position
    let x = Math.floor(Math.random() * 10) * 38
    let y = Math.floor(Math.random() * 9) * 38
    return (`-${x}px -${y}px`)
}

//随机生成评论区来源用的全国城市数组
var ycCitys = ['合肥', '安庆', '蚌埠', '亳州', '巢湖', '滁州', '阜阳', '贵池', '淮北', '淮化', '淮南', '黄山', '九华山', '六安', '马鞍山', '宿州', '铜陵', '屯溪', '芜湖', '宣城', '东城', '西城', '崇文', '宣武', '朝阳', '丰台', '石景山', '海淀', '门头沟', '房山', '通州', '顺义', '昌平', '大兴', '平谷', '怀柔', '密云', '延庆', '万州', '涪陵', '渝中', '大渡口', '江北', '沙坪坝', '九龙坡', '南岸', '北碚', '万盛', '双挢', '渝北', '巴南', '黔江', '长寿', '綦江', '潼南', '铜梁', '大足', '荣昌', '壁山', '梁平', '城口', '丰都', '垫江', '武隆', '忠县', '开县', '云阳', '奉节', '巫山', '巫溪', '石柱', '秀山', '酉阳', '彭水', '江津', '合川', '永川', '南川', '福州', '福安', '龙岩', '南平', '宁德', '莆田', '泉州', '三明', '邵武', '石狮', '晋江', '永安', '武夷山', '厦门', '漳州', '兰州', '白银', '定西', '敦煌', '甘南', '金昌', '酒泉', '临夏', '平凉', '天水', '武都', '武威', '西峰', '嘉峪关', '张掖', '广州', '潮阳', '潮州', '澄海', '东莞', '佛山', '河源', '惠州', '江门', '揭阳', '开平', '茂名', '梅州', '清远', '汕头', '汕尾', '韶关', '深圳', '顺德', '阳江', '英德', '云浮', '增城', '湛江', '肇庆', '中山', '珠海', '南宁', '百色', '北海', '桂林', '防城港', '河池', '贺州', '柳州', '来宾', '钦州', '梧州', '贵港', '玉林', '贵阳', '安顺', '毕节', '都匀', '凯里', '六盘水', '铜仁', '兴义', '玉屏', '遵义', '海口', '三亚', '五指山', '琼海', '儋州', '文昌', '万宁', '东方', '定安', '屯昌', '澄迈', '临高', '万宁', '白沙黎族', '昌江黎族', '乐东黎族', '陵水黎族', '保亭黎族', '琼中黎族', '西沙群岛', '南沙群岛', '中沙群岛', '石家庄', '保定', '北戴河', '沧州', '承德', '丰润', '邯郸', '衡水', '廊坊', '南戴河', '秦皇岛', '唐山', '新城', '邢台', '张家口', '哈尔滨', '北安', '大庆', '大兴安岭', '鹤岗', '黑河', '佳木斯', '鸡西', '牡丹江', '齐齐哈尔', '七台河', '双鸭山', '绥化', '伊春', '郑州', '安阳', '鹤壁', '潢川', '焦作', '济源', '开封', '漯河', '洛阳', '南阳', '平顶山', '濮阳', '三门峡', '商丘', '新乡', '信阳', '许昌', '周口', '驻马店', '香港', '九龙', '新界', '武汉', '恩施', '鄂州', '黄冈', '黄石', '荆门', '荆州', '潜江', '十堰', '随州', '武穴', '仙桃', '咸宁', '襄阳', '襄樊', '孝感', '宜昌', '长沙', '常德', '郴州', '衡阳', '怀化', '吉首', '娄底', '邵阳', '湘潭', '益阳', '岳阳', '永州', '张家界', '株洲', '南京', '常熟', '常州', '海门', '淮安', '江都', '江阴', '昆山', '连云港', '南通', '启东', '沭阳', '宿迁', '苏州', '太仓', '泰州', '同里', '无锡', '徐州', '盐城', '扬州', '宜兴', '仪征', '张家港', '镇江', '周庄', '南昌', '抚州', '赣州', '吉安', '景德镇', '井冈山', '九江', '庐山', '萍乡', '上饶', '新余', '宜春', '鹰潭', '长春', '白城', '白山', '珲春', '辽源', '梅河', '吉林', '四平', '松原', '通化', '延吉', '沈阳', '鞍山', '本溪', '朝阳', '大连', '丹东', '抚顺', '阜新', '葫芦岛', '锦州', '辽阳', '盘锦', '铁岭', '营口', '澳门', '呼和浩特', '阿拉善盟', '包头', '赤峰', '东胜', '海拉尔', '集宁', '临河', '通辽', '乌海', '乌兰浩特', '锡林浩特', '银川', '固原', '中卫', '石嘴山', '吴忠', '西宁', '德令哈', '格尔木', '共和', '海东', '海晏', '玛沁', '同仁', '玉树', '济南', '滨州', '兖州', '德州', '东营', '菏泽', '济宁', '莱芜', '聊城', '临沂', '蓬莱', '青岛', '曲阜', '日照', '泰安', '潍坊', '威海', '烟台', '枣庄', '淄博', '崇明', '黄浦', '卢湾', '徐汇', '长宁', '静安', '普陀', '闸北', '虹口', '杨浦', '闵行', '宝山', '嘉定', '浦东', '金山', '松江', '青浦', '南汇', '奉贤', '朱家角', '太原', '长治', '大同', '候马', '晋城', '离石', '临汾', '宁武', '朔州', '忻州', '阳泉', '榆次', '运城', '西安', '安康', '宝鸡', '汉中', '渭南', '商州', '绥德', '铜川', '咸阳', '延安', '榆林', '成都', '巴中', '达州', '德阳', '都江堰', '峨眉山', '涪陵', '广安', '广元', '九寨沟', '康定', '乐山', '泸州', '马尔康', '绵阳', '眉山', '南充', '内江', '攀枝花', '遂宁', '汶川', '西昌', '雅安', '宜宾', '自贡', '资阳', '台北', '基隆', '台南', '台中', '高雄', '屏东', '南投', '云林', '新竹', '彰化', '苗栗', '嘉义', '花莲', '桃园', '宜兰', '台东', '金门', '马祖', '澎湖', '其它', '天津', '和平', '东丽', '河东', '西青', '河西', '津南', '南开', '北辰', '河北', '武清', '红挢', '塘沽', '汉沽', '大港', '宁河', '静海', '宝坻', '蓟县', '乌鲁木齐', '阿克苏', '阿勒泰', '阿图什', '博乐', '昌吉', '东山', '哈密', '和田', '喀什', '克拉玛依', '库车', '库尔勒', '奎屯', '石河子', '塔城', '吐鲁番', '伊宁', '拉萨', '阿里', '昌都', '林芝', '那曲', '日喀则', '山南', '昆明', '大理', '保山', '楚雄', '大理', '东川', '个旧', '景洪', '开远', '临沧', '丽江', '六库', '潞西', '曲靖', '思茅', '文山', '西双版纳', '玉溪', '中甸', '昭通', '杭州', '安吉', '慈溪', '定海', '奉化', '海盐', '黄岩', '湖州', '嘉兴', '金华', '临安', '临海', '丽水', '宁波', '瓯海', '平湖', '千岛湖', '衢州', '江山', '瑞安', '绍兴', '嵊州', '台州', '温岭', '温州', '余姚', '舟山', '美国', '英国', '法国', '瑞士', '澳洲', '新西兰', '加拿大', '奥地利', '韩国', '日本', '德国', '意大利', '西班牙', '俄罗斯', '泰国', '印度', '荷兰', '新加坡', '欧洲', '北美', '南美', '亚洲', '非洲', '大洋洲']
// console.log(ycCitys.length);
